
const path = require('path');
module.exports = {
    lang: "zh-CN",
    title: "Belle-UI",
    description: "Ready to dive in ?",
    head: [["link", { rel: "icon", href: "/images/logo.png" }]],
    port: 7000,
    base:'/belle-docs/',
    clientAppEnhanceFiles: path.join(__dirname, "./clientAppEnhance.ts").replace(/\\/g, '/'),
    themeConfig: {
        // logo: "/images/logo.png",
        navbar: [
          { text: "Home", link: "/" },
          {
            text: "Ecosystem",
            children: [
              {
                text: "Social",
                children: [
                  { text: "Gitee", link: "https://gitee.com/yoxf/belle-ui" },
                ],
              },
              {
                text: "Help",
                children: [
                  {
                    text: "Issues",
                    link: "https://gitee.com/yoxf/belle-ui/issues",
                  },
                  { text: "Edit Page", link: "https://gitee.com/yoxf/belle-ui" },
                  {
                    text: "Latest Releases",
                    link: "https://gitee.com/yoxf/belle-ui/releases",
                  },
                ],
              },
              {
                text: "Contact",
                children: [
                  { text: "yoxf", link: "https://mail.126.com/" },
                  { text: "Email", link: "yo_yox@126.com" },
                  {
                    text: "Pull Request",
                    link: "https://gitee.com/yoxf/belle-ui/pulls",
                  },
                  {
                    text: "Codepen Template",
                    link: "https://codepen.io/yoxf/pen/mxMKYr",
                  },
                ],
              },
            ],
          },

          { text: `github`, link: "https://gitee.com/yoxf/belle-ui", new: true },
          // { text: "backers", link: "/guide/backers.html", new: true },
        ],
        sidebar: [
          {
            text: "Knowledge base",
            isGroup: true,
            collapsable: true,
            children: [
              { text: "Why Belle-UI ?", link: "/guide/why-belle-ui.md" },
              { text: "Getting started", link: "/guide/getting-started.md" },
              { text: "Browser support", link: "/guide/browser-support.md" },
              { text: "Customization", link: "/guide/customization.md" },
              { text: "Breakpoints", link: "/guide/breakpoints.md" },
              {
                text: "Layout",
                isGroup: true,
                collapsable: true,
                children: [
                  {
                    text: "Spaces",
                    link: "/guide/layout-spaces.md",
                  },
                  {
                    text: "Grid system",
                    link: "/guide/layout-grid-system.md",
                  },
                  {
                    text: "Flex",
                    link: "/guide/layout-flex.md",
                  },
                ],
              },
              { text: "Typography", link: "/guide/typography.md" },
              { text: "Colors", link: "/guide/colors.md" },
              // {
              //   text: "Shadows, borders & radii",
              //   link: "/guide/shadows-borders-radii.md",
              // },
              { text: "Transitions", link: "/guide/transitions.md" },
            ],
          },
          {
            isGroup: true,
            text: "Components",
            collapsable: false,
            children: [
              { text: "Accordion", link: "/components/accordion.md", new: true },
              { text: "Alert", link: "/components/alert.md" },
              { text: "Avatar", link: "/components/avatar.md" ,new:true},
              { text: "App", link: "/components/app.md" },
              { text: "Badge", link: "/components/badge.md" },
              {
                text: "Breadcrumbs",
                link: "/components/breadcrumbs.md",
                new: true,
              },
              { text: "Button", link: "/components/button.md" },
              { text: "Card", link: "/components/card.md" },
              { text: "Divider", link: "/components/divider.md" },
              { text: "Drawer", link: "/components/drawer.md" },
              { text: "Dialog", link: "/components/dialog.md" },
              { text: "Icon", link: "/components/icon.md" },
              { text: "Image", link: "/components/image.md" },
              { text: "List", link: "/components/list.md" },
              { text: "Menu", link: "/components/menu.md" },
              { text: "Notification", link: "/components/notification.md" },
              { text: "Overlay", link: "/components/overlay.md" },
              { text: "Pagination", link: "/components/pagination.md", new: true },
              { text: "Progress", link: "/components/progress.md" },
              { text: "Rating", link: "/components/rating.md" },
              { text: "Spinner", link: "/components/spinner.md" },
              { text: "Tabs", link: "/components/tabs.md" },
              { text: "Table", link: "/components/table.md", new: true },
              { text: "Tag", link: "/components/tag.md" },
              { text: "Timeline", link: "/components/timeline.md" },
              { text: "Toolbar", link: "/components/toolbar.md" },
              { text: "Tooltip", link: "/components/tooltip.md" },
              {
                isGroup: true,
                text: "FORM ELEMENTS",
                collapsable: true,
                children: [
                  { text: "Checkbox", link: "/components/checkbox.md" },
                  { text: "Input", link: "/components/input.md" },
                  { text: "Form", link: "/components/form.md" },
                  { text: "Radio", link: "/components/radio.md" },
                  { text: "Select", link: "/components/select.md" },
                  { text: "Slider", link: "/components/slider.md" },
                  { text: "Switch", link: "/components/switch.md" },
                  { text: "Textarea", link: "/components/textarea.md" },
                ],
              },
            ],
          },
        ],
      },
      markdown: {
        extractHeaders: true,
        code: {
          lineNumbers: false,
        },
    },

  bundler: '@vuepress/vite',
}